<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<title>${webConfig.name}</title>
		<meta name="description" content="${webConfig.name}">
		<meta name="keywords" content="${webConfig.name}">
		<link rel="stylesheet" href="${s.base}/mobile/base/css/weui.min.css">
		<link rel="stylesheet" href="${s.base}/mobile/base/css/jquery-weui.css">
		<link href="${s.base}/pc/css/reset.css" rel="stylesheet">
		<link href="${s.base}/pc/css/style.css" rel="stylesheet" type="text/css">
		<link href="${s.base}/pc/css/swiper.min.css" rel="stylesheet" type="text/css">
		<script src="${s.base}/pc/js/jquery.min.js"></script>
		<script src="${s.base}/pc/js/jquery.SuperSlide.2.1.1.js"></script>
		<script type="text/javascript">
            function browserRedirect() {
                var sUserAgent= navigator.userAgent.toLowerCase();
                var bIsIpad= sUserAgent.match(/ipad/i) == "ipad";
                var bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os";
                var bIsMidp= sUserAgent.match(/midp/i) == "midp";
                var bIsUc7= sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
                var bIsUc= sUserAgent.match(/ucweb/i) == "ucweb";
                var bIsAndroid= sUserAgent.match(/android/i) == "android";
                var bIsCE= sUserAgent.match(/windows ce/i) == "windows ce";
                var bIsWM= sUserAgent.match(/windows mobile/i) == "windows mobile";
                if (bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
                    window.location.href= '/web/phone';
                }
            }
            browserRedirect();
		</script>

	</head>
	<body>
		<!--顶部菜单-->
		<div class="pheader">
			<div class="naview">
				<div class="nav">
					<dl class="lists active">
						<dt class="nt">
							品牌服务
						</dt>
					</dl>
					<ul class="navlist">
						<#list webNavigationList as webNavigation>
								<li <#if navId==webNavigation.id>class="cur"</#if>><a href="${webNavigation.url}">${webNavigation.name}</a></li>
						</#list>
					</ul>
				</div>
			</div>
		</div>
		<div class="w clearfix" style="position:relative;">
			<div class="cat_wrap">
				<div class="cat_header">
					<div class="cat_list" id="showService">


					</div>
				</div>
			</div>
		</div>

		<!-- 轮播 -->
		<div class="swiper-container swiper-container-h">
			<div class="swiper-wrapper banner-swiper-wrapper">

			</div>
			<div class="swiper-pagination swiper-pagination-white swiper-pagination-h"></div>
			<div class="swiper-button-next swiper-button-white swiper-next"></div>
			<div class="swiper-button-prev swiper-button-white swiper-prev"></div>
		</div>

		<div class="stageContainer pubW center">
			<div class="news-top"></div>
			<div class="stage1 clearfix">
				<div class="stage1-width stage1_c fl">
					<div class="stage1Title clearfix">
						<span class="fonts">
							<a href="" target="_blank">近期活动优惠</a>
							<label>RECENT ACTIVITIES DISCOUNT</label>
						</span>
						<div class="preNext fr clearfix">
							<a class="preBtn fl"></a>
							<a class="nextBtn fr"></a>
						</div>
					</div>
					<div class="expertSlide relative" style="height: 410px;">
						<div class="slideBox" style="height: 410px;">
							<div class="swiper-container" id="anSlider">
								<div class="swiper-wrapper" >

								</div>
							</div>
						</div>

					</div>

				</div>

				<div class="stage1-width stage1_c fl">
					<div class="stage1Title clearfix">
						<span class="fonts">
							<a href="" target="_blank">最新资讯</a>
							<label>THE LATEST INFORMATION</label>
						</span>
						<button class="more">查看更多...</button>
					</div>
					<div class="expertSlide relative" id="zxzx" style="height: auto;">

					</div>
					<ul class="news-list" id="zxzxContent">
					</ul>
				</div>

				<div class="stage1-width stage1_c fl">
					<div class="stage1Title clearfix">
						<span class="fonts">
							<a href="" target="_blank">专家推荐</a>
							<label>EXPERTS RECOMMEND</label>
						</span>
						<div class="preNext fr clearfix">
							<a class="preBtn2 fl"></a>
							<a class="nextBtn2 fr"></a>
						</div>
					</div>
					<div class="expertSlide relative" style="height: 410px;">
						<div class="slideBox" style="height: 410px;">
							<div class="swiper-container" id="anSlider2">
								<div class="swiper-wrapper" >

								</div>
							</div>
						</div>
						<div class="focus absolute clearfix"></div>
					</div>

				</div>

			</div>
		</div>

		<div class="plan-box">
			<img src="${s.base}/pc/img/plan_title.png" class="title">
			<div class="plan-bg">
			</div>

			<div class="xslc-box">
				<div class="xslc" id="ppShow">
					<div class="xslc_focus clearfix">

					</div>
					<div class="slideBox">
						<div class="slides">



						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="plan-box">
			<img src="${s.base}/pc/img/project_title.png" class="title">
			<div class="slideTxtBox pubW" id="xmtjShow">
				<div class="hd">
					<ul>

					</ul>
				</div>
				<div class="bd">

				</div>
			</div>
		</div>

		<style type="text/css">
			.zjlrc ul {
				list-style: none;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				flex-wrap: wrap;
			}

			#pro .swiper-container {
				width: 488px;
				height: 383px;
			}

			.yuyue_big {
				color: #76A6EF;
				font-size: 20px;
				font-weight: bold;
			}

			.yuyue_big:nth-child(2) {
				margin-bottom: 20px
			}

			.zuxun_sma {
				color: #76A6EF;
			}

			#zixun_dier {
				display: flex;
				margin-top: 20px;
				justify-content: space-between
			}

			._zuxun_p {
				width: 120px;
				line-height: 26px;
				color: #83878E;
			}

			#yuyuefuwu {
				width: 394px;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				background-color: #fff;
				height: 352px;
				position: absolute;
				right: 54px;
				top: -24px;
				box-shadow: 2px 4px 6px 4px #E7F0F3;
				right: 22%;
			}

			#yuyuefuwu input {
				width: 90%;
				margin-bottom: 20px;
				border: 1px solid #CCD1D9;
				border-radius: 5px;
				height: 37px;
				padding-left: 10px;
			}

			#bag_input {
				background: url(txg.png) no-repeat;
				background-position: center;
				background-size: 100% 100%;
			}

			.tijiao_butn {
				border: none;
				background-color: #609EE9;
				color: #fff;
				width: 80px;
				height: 37px;
				border-radius: 5px;
				position: relative;
				left: 138px;
			}

			#evaluate {
				display: flex;
				justify-content: space-between;
				align-items: center;
				width: 100%;
			}

			.avter_ {
				display: flex;
				align-items: flex-start;
				height: 102px;
				width: 49%;
				box-shadow: 5px 2px 6px 2px #E7F0F3;
				margin-bottom: 29px;
			}

			.avter_ra {
				width: 46px;
				border-radius: 50%;
				margin-right: 9px;
				background-color: #fff;
			}

			._pp_p {
				color: #858F9C
			}

			.__pp_time {
				color: #D1CDD4
			}

			.avter_clasl {
				line-height: 24px;
			}

			.zjlrc img {
				width: 100%;
				height: 160px;
				padding: 2px;
				backgroun-color: #fff;
			}

			#yuyuefuwu input {
				background-color: #fff !important
			}

			.an_p p {
				word-wrap: break-word;
				word-break: break-all;
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
			}

			.wrap {
				width: 1200px;
				margin: 0 auto;
			}

			.footerArea {
				background: #0da2a3;
				padding-top: 40px;
			}

			.footer01 {
				float: left;
				margin-right: 50px;
			}
			.tail02 {
				border-top: 1px solid #11acad;
				height: 50px;
				line-height: 50px;
				text-align: center;
				color: #fff;
				margin-top: 25px;
			}
			.tail02 a {
				color: #fff;
				padding: 0 40px;
				background: url(link.jpg) no-repeat center left;
			}

			.footer01 dl {
				width: 140px;
				border-right: 1px solid #3db5b5;
				min-height: 185px;
			}

			.footer01 dl dt {
				margin-bottom: 30px;
			}

			.footer01 dl dd a {
				line-height: 30px;
				color: #fff;
			}

			.footer01 dl dd a:hover {
				color: #000;
			}

			.footer02 {
				float: left;
				width: 470px;
				border-right: 1px solid #3db5b5;
				min-height: 185px;
			}

			.footer02 h1 {
				margin-bottom: 30px;
			}

			.footer02 p {
				color: #fff;
				line-height: 25px;
			}

			.footer02 p a {
				color: #fff;
				margin-left: 50px;
			}

			.footer02 p a:hover {
				color: #000;
			}

			.footer03 {
				float: right;
				width: 300px;
			}

			.footer03 ul {
				margin-top: 20px;
			}

			.footer03 ul li {
				float: left;
				width: 150px;
				text-align: left;
			}

			.footer03 ul li span {
				display: block;
				color: #fff;
				margin-top: 15px;
			}

			.footer03 ul li p {
				color: #fff;
				margin-bottom: 7px;
			}

			.wrapper {
				position: relative;
				width: 100%;
				margin: 0 auto;
				overflow: hidden;
			}

			.wrap {
				width: 1200px;
				margin: 0 auto;
			}

			.link a {
				color: #fff;
				padding: 0 10px;
				background: url(link.jpg) no-repeat center right;
			}

			.link {
				height: 50px;
				line-height: 50px;
				background: #18babb;
				color: #fff;
				font-size: 14px;
			}

		</style>
		<div class="footer">
			<div class="link">
				<div class="wrap">
					友情链接：

					<a href="http://www.cmcha.org/index.html" target="_blank">中国妇幼保健协会</a>

					<a href="http://www.who.int/zh/" target="_blank">世界卫生组织</a>

					<a href="http://www.cpma.org.cn/" target="_blank">中华预防医学会</a>

					<a href="http://www.babyschool.com.cn/" target="_blank">中国育婴网</a>

					<a href="http://weibo.com/u/6003392162?refer_flag=1001030101_&is_all=1" target="_blank">卓越微博</a>

					<a href="https://www.diagcorlab.com/" target="_blank">达雅高化验所</a>

					<a href="http://www.hkdnalab.com.hk/" target="_blank">香港基因检测中心</a>

					<a href="https://www.hkacs.org.hk/tc/" target="_blank">香港防癌会</a>

					<a href="https://www.hkmeka.com/" target="_blank">香港九价hpv疫苗预约</a>

				</div>
			</div>
			<div class="footerArea">
				<div class="wrap">
					<div class="clearfix">
						<div class="footer01">
							<dl>
								<dd><a href="info.asp?base_id=5&second_id=5001">专科转介</a></dd>
								<dd><a href="info.asp?base_id=5&second_id=5002">体检验身</a></dd>
								<dd><a href="info.asp?base_id=1&second_id=2001">疫苗注射</a></dd>
								<dd><a href="">无创产前</a></dd>
								<dd><a href="">性别鉴定 </a></dd>
							</dl>
						</div>
						<div class="footer01">
							<dl>
								<dd><a href="info.asp?base_id=1&second_id=1001">基因检测</a></dd>
								<dd><a href="info.asp?base_id=1&second_id=1002">处方药物</a></dd>
								<dd><a href="info.asp?base_id=1&second_id=1003">试管婴儿</a></dd>
								<dd><a href="info.asp?base_id=1&second_id=1004">医学美容</a></dd>
							</dl>
						</div>
						<div class="footer02">
							<p>
							<p>
								<strong>香港壹家健康</strong>
							</p>
							<p>
								地址：尖沙咀加拿芬道18號恆生尖沙咀大廈13樓1307室 （尖沙咀B2出口直行約200米）
							</p>
							<p>
								邮箱：hkpro-dna@hotmail.com
							</p>
							<p>
								预约电话：+852 3521 0851
							</p>


							<p class="MsoNormal">
								<br />
							</p>
							<br />
							</p>
						</div>
						<div class="footer03">
							<ul class="clearfix">
								<li>

									<p>壹家公众号</p><img src="${webConfig.wechat}" style="width: 80px; height: 80px;"/>

									<span>扫一扫关注最新资讯</span>
								</li>
								<li>

									<p>壹家微信</p><img src="${webConfig.wechat}" style="width: 80px; height: 80px;" />



								</li>
							</ul>
						</div>
					</div>
					<div class="tail02">
						<a href="default.asp" class="noBg">壹家首页</a><a href="info.asp?base_id=4">体检验身</a><a
							href="info.asp?base_id=1&second_id=1002"> 疫苗注射</a><a href="info.asp?base_id=5">关于我们</a><a
							href="info.asp?base_id=5&second_id=5007" rel="nofollow">免责声明</a><a href="sitemap.asp">网站地图</a><a
							href="http://m.hkpro.hk/">手机网站</a>
					</div>
				</div>
			</div>
		</div>
		<div class="back-to" id="toolBackTop"><a title="返回顶部" onclick="window.scrollTo(0,0);return false;" href="#top"
												 class="back-top">返回顶部</a></div>
		<!--<div class="footer">
			<p>${webConfig.siteNumber}&nbsp;&nbsp;&nbsp;&nbsp;地址：${webConfig.address}
				&nbsp;&nbsp;&nbsp;&nbsp;电话：${webConfig.telephone}</p>
		</div>-->
		<div class="fixed-right">
			<div class="kefu_box clearfix">
				<div class="kefu">
					<img src="${s.base}/pc/img/icon/side_icon1_1.png">
					<p>客服</p>
				</div>
				<div class="d d-service">
					<i class="arrow"></i>
					<div class="inner-box">
						<div class="d-service-item clearfix">
							<a href="#" class="clearfix"><span class="circleqq"><i class="i-qq"></i></span><h3>咨询在线客服</h3></a>
						</div>
					</div>
				</div>
			</div>
			<div class="yuyue_box clearfix">
				<div class="yuyue kefu">
					<img src="${s.base}/pc/img/icon/side_icon2_2.png">
					<p>服务热线</p>
				</div>
				<div class="d d-service-phone">
					<i class="arrow"></i>
					<div class="inner-box">
						<div class="d-service-item clearfix">
							<span class="circleqq"><i class="i-tel"></i></span>
							<div class="text">
								<p>服务热线</p>
								<p class="red number">${webConfig.telephone}</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="pay_box clearfix">
				<div class="pay kefu">
					<img src="${s.base}/pc/img/icon/side_icon3_3.png">
					<p>微信公众号</p>
				</div>
				<div class="d d-qrcode">
					<i class="arrow"></i>
					<div class="inner-box">
						<div class="qrcode-img"><img src="${webConfig.wechat}" alt=""></div>
						<p>微信公众号</p>
					</div>
				</div>
			</div>

		</div>

		<script src="${s.base}/pc/js/swiper.min.js"></script>
		<script src="${s.base}/pc/js/index.js"></script>
		<script src="${s.base}/pc/js/component.js"></script>

		<script>
			var configId='${webConfig.id}';
            var navId='${navId}';
            $(document).ready(function(e) {
                initDate();
            });
            function initDate() {
                //获取项目服务
                acceptXygColumnTypeAndArticle('20190729145004089748111356894607',function (result) {
                    if(result.code==0){
                        var data=result.data;
                        var str='';
                        data.forEach(function (item,key,mapObj) {
                            str+='<div class="float for1" style="border-bottom: 1px solid #c5c5c5;">'+
                                '<div class="nav-title">'+
                                '<span>'+item.name+'</span>'+
                                '</div>'+
                                '<ul class="clearfix">';
                            if(item.webArticleList.length>0){
                                item.webArticleList.forEach(function (article,key,mapObj) {
                                    str+='<li onclick="jumpArticleDesc(\''+configId+'\',\''+article.id+'\',\''+navId+'\')">'+article.title+'</li>';
                                });
                            }
                            str+='</ul>'+
                                '</div>';
                        });
                        $("#showService").html(str);
					}
                },6);
				//获取banner图
                acceptXygBanner('20190605224235030385207819993192','${webConfig.userId}',function (data) {
                    data.forEach(function (item,key,mapObj) {
                        $(".banner-swiper-wrapper").append('<div class="swiper-slide"><img src="'+item.image+'" style="width: 100%;height: 500px;" /></div>');
                    });
                    var swiper = new Swiper('.swiper-container-h', {
                        pagination: '.swiper-pagination-h',
                        paginationClickable: true,
                        nextButton: '.swiper-next',
                        prevButton: '.swiper-prev',
                        spaceBetween: 10,
                        centeredSlides: true,
                        autoplay: 2500,
                        autoplayDisableOnInteraction: false,
                        effect: 'fade'
                    });
                });

                //获取最近优惠
               acceptXygArticleListByColId('20190729161814031618681698518472','${webConfig.userId}',5,function (data) {
					data.forEach(function (item,key,mapObj) {
                        $("#anSlider .swiper-wrapper").append('<div class="swiper-slide fit"><img src="'+item.coverImage+'" style="height: 350px;"/><div style="font-size: 20px;color: #989898;margin-top: 23px;" onclick="jumpArticleDesc(\''+configId+'\',\''+item.id+'\',\''+navId+'\')">'+item.title+'<button type="button" onclick="jumpArticleDesc(\''+configId+'\',\''+item.id+'\',\''+navId+'\')" class="more">查看更多...</button></div></div>');
                    });
                    var swiper1 = new Swiper('#anSlider', {
                        speed: 1000,
                        loop: false,
                        nextButton: '.nextBtn',
                        prevButton: '.preBtn',
                        longSwipesRatio: 0.7,
                        spaceBetween: 10,
                        autoplay: 3000,
                        touchRatio: 0.01,
                        shortSwipes: false,
                        onClick: function(swiper) {
                            swiper.stopAutoplay();
                        }
                    });
                });
                //最新资讯
                acceptXygArticleListByColId('20190607150248081134476373760443','${webConfig.userId}','-1',function (data) {
                    var str='';
                    for(var i=0;i<data.length;i++){
                        var item=data[i];
                        if(i==0){
                            $("#zxzx").html('<div class="information" onclick="jumpArticleDesc(\''+configId+'\',\''+item.id+'\',\''+navId+'\')">'+
                                '<img src="'+item.coverImage+'">'+
                                '<div class="information-text">'+
                                '<div class="tiem"><span class="day">'+timeStamp2String(item.createTime,"date")+'</span><span class="month">/'+timeStamp2String(item.createTime,"month")+'</span></div>'+
                                '<div class="text">'+
                                '<div class="day">'+item.title+'</div>'+
                                '<div class="month">'+item.description+'</div></div></div></div>');
						}else{
                            str+='<li onclick="jumpArticleDesc(\''+configId+'\',\''+item.id+'\',\''+navId+'\')"><i></i>'+item.title+'</li>';
						}
					}
                    $("#zxzxContent").html(str);
                });
				//获取专家推荐
                acceptXygArticleListByColId('20190730093749096274588268484102','${webConfig.userId}',5,function (data) {
                    data.forEach(function (item,key,mapObj) {
                        $("#anSlider2 .swiper-wrapper").append('<div class="swiper-slide fit"  onclick="jumpArticleDesc(\''+configId+'\',\''+item.id+'\',\''+navId+'\')">'+
                            '<img src="'+item.coverImage+'">'+
                            '<div class="experts-info">'+
                            '<h3>'+item.title+'</h3>'+
                            '<p>'+item.description+'</p></div>'+
                            '<div class="experts-info-bg"></div></div>');
                    });
                    var swiper2 = new Swiper('#anSlider2', {
                        speed: 1000,
                        loop: false,
                        nextButton: '.nextBtn2',
                        prevButton: '.preBtn2',
                        longSwipesRatio: 0.7,
                        spaceBetween: 10,
                        autoplay: 3000,
                        touchRatio: 0.01,
                        shortSwipes: false,
                        onClick: function(swiper) {
                            swiper.stopAutoplay();
                        }
                    });
                });
                //获取品牌及时
				acceptXygColumnTypeAndArticle('20190730103851004113439631950108',function (result) {
                    if(result.code==0){
                        var data=result.data;
                        var strTitle='';
                        var strContent='';
                        for(var i=0;i<data.length;i++){
                            var item =data[i];
                            strTitle+='<div class="txt">'+
                                '<h6>'+item.name+'</h6><span>'+item.description+'</span>'+
                                '</div>';

                            strContent+='<div class="slide slide'+(i*1+1)+' clearfix">';
                            if(item.webArticleList.length>0){
                                item.webArticleList.forEach(function (article,key,mapObj) {
                                    strContent+='<div onclick="jumpArticleDesc(\''+configId+'\',\''+article.id+'\',\''+navId+'\')" class="info relative fl"><a href="javascript:void(0);"><img src="'+article.coverImage+'" alt="'+article.title+'"></a></div>';
                                });
                            }
                            strContent+='</div>';
						}
                        $("#ppShow .clearfix").html(strTitle);
                        $("#ppShow .slides").html(strContent);
                        $('.xslc').slide({
                            mainCell: '.slideBox .slides',
                            autoPlay: true,
                            delayTime:1000,
                            titCell: '.xslc_focus .txt',
                            effect: "fold"
                        });

                    }
                });
                //获取项目推荐
                acceptXygListByTagId('20190608165457054554961699723865',function (data) {
                    var title="";
                    var content="";
                    data.forEach(function (item,key,mapObj) {
                            title+='<li>'+item.name+'</li>';
                            content+='<ul><li><div class="project-img"><img src="'+item.coverImage+'"></div>'+
                            '<div class="project-text"><h3>'+item.name+' <span>/'+item.seoKeyword+'</span></h3><h4>'+item.description+'</h4>'+
                            '<button type="button" onclick="jumpColumn(\''+configId+'\',\''+item.id+'\',\'articlePage\',\''+navId+'\')" onclick="jumpArticleDesc(\''+configId+'\',\''+item.id+'\',\''+navId+'\')"  class="project-btn">了解详情</button></div></li></ul>';
                    });
                    $("#xmtjShow .hd ul").html(title);
                    $("#xmtjShow .bd").html(content);
                    $(".slideTxtBox").slide();
                });
            }


            function timeStamp2String(time,type){
                var datetime = new Date();
                datetime.setTime(time);
                var year = datetime.getFullYear();
                if(type=='year'){
                    return year;
				}

                var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
                if(type=='month'){
                    return month;
                }

                var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
                if(type=='date'){
                    return date;
                }
                var hour = datetime.getHours()< 10 ? "0" + datetime.getHours() : datetime.getHours();
                var minute = datetime.getMinutes()< 10 ? "0" + datetime.getMinutes() : datetime.getMinutes();
                var second = datetime.getSeconds()< 10 ? "0" + datetime.getSeconds() : datetime.getSeconds();
                return year + "-" + month + "-" + date+" "+hour+":"+minute+":"+second;
            }





		</script>
	</body>
</html>
